function updateTable(tableId, data) {
    // 这里需要实现具体的逻辑，将数据动态插入到第二个页面的表格中
    // 例如，可以创建一个包含数据的新HTML表格字符串，然后使用jQuery动态添加到表格中
    var tableHtml = '<tr><td>' + data.id + '</td><td>' + data.username + '</td><td>' + data.email + '</td><td>' + data.phoneNumber + '</td></tr>';
    $('#' + tableId).append(tableHtml);
}

function deleteAllUsers() {
    $.post("/root/delete/all", function (data, status) {
        if (status === "301") {
            // 异步调用，将数据传递
            // 异步调用，将数据传递给第二个前端页面的表格
            updateTable('data-table', data);
        } else {
            alert("数据清空失败");
        }
    });
}

function selectAllUsers() {
    $.get("/root/select/all", function (data, status) {
        if (status === "success") {
            // 异步调用，将数据传递
            // 异步调用，将数据传递给第二个前端页面的表格
            updateTable('data-table', data);
        } else {
            alert("数据加载失败");
        }
    });
}

function selectByUsername() {
    var name = prompt("请输入要查询的用户名字：");
    if (name) {
        $.get("/root/select/{name}", {
            name: $.get("/root/select/{name}", {name: name}, function (data, status) {
                if (status === "success") {
                    // 异步调用，将数据传递给第二个前端页面的表格
                    updateTable('data-table', data);
                } else {
                    alert("数据加载失败");
                }
            })
        })
    }
}

function selectById() {
    var id = prompt("请输入要查询的用户ID：");
    if (id) {
        // 使用 $.get 发起异步请求
        $.get("/root/select/{id}", {id: id}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function selectByPhoneNumber() {
    var phoneNumber = prompt("请输入要查询的用户电话号码：");
    if (phoneNumber) {
        // 使用 $.get 发起异步请求
        $.get("/root/select/{phoneNumber}", {phoneNumber: phoneNumber}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function selectByEmail() {
    var email = prompt("请输入要查询的用户电子邮箱：");
    if (email) {
        // 使用 $.get 发起异步请求
        $.get("/root/select/{email}", {email: email}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function deleteUser() {
    var id = prompt("请输入要删除的用户ID：");
    if (id) {
        // 使用 $.post 发起异步请求
        $.post("/root/delete/{id}", {id: id}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function updateUser() {
    var id = prompt("请输入要修改的用户ID：");
    var username = prompt("请输入要修改的用户名：");
    var email = prompt("请输入要修改的电子邮箱：");
    var phoneNumber = prompt("请输入要修改的电话号码：");

    if (id && username && email && phoneNumber) {
        // 使用 $.post 发起异步请求
        $.post("/root/update", {
            id: id,
            username: username,
            email: email,
            phoneNumber: phoneNumber
        }, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function pageUser() {
    var pageNumber = prompt("请输入要显示的页数：");
    var pageSize = prompt("请输入每页显示的条数：");

    if (pageNumber && pageSize) {
        // 使用 $.post 发起异步请求
        $.post("/root/{pageNumber}/{pageSize}", {pageNumber: pageNumber, pageSize: pageSize}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function addUser() {
    var id1 = prompt("请输入第一个用户的ID：");
    var id2 = prompt("请输入第二个用户的ID：");

    if (id1 && id2) {
        // 使用 $.post 发起异步请求
        $.post("/root/add", {id1: id1, id2: id2}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function sortById() {
    var id1 = prompt("请输入第一个用户的ID：");
    var id2 = prompt("请输入第二个用户的ID：");
    var sortOrder = prompt("请输入排序规则（asc或desc）：");

    if (id1 && id2 && sortOrder) {
        // 使用 $.post 发起异步请求
        $.post("/root/{id1}/{id2}", {id1: id1, id2: id2, sortOrder: sortOrder}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function sortByName() {
    var name1 = prompt("请输入第一个用户的用户名：");
    var name2 = prompt("请输入第二个用户的用户名：");

    if (name1 && name2) {
        // 使用 $.post 发起异步请求
        $.post("/root/{name1}/{name2}", {name1: name1, name2: name2}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function sortByPhoneNumber() {
    var phoneNumber1 = prompt("请输入第一个用户的电话号码：");
    var phoneNumber2 = prompt("请输入第二个用户的电话号码：");

    if (phoneNumber1 && phoneNumber2) {
        // 使用 $.post 发起异步请求
        $.post("/root/{phoneNumber1}/{phoneNumber2}", {
            phoneNumber1: phoneNumber1,
            phoneNumber2: phoneNumber2
        }, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function sortByEmail() {
    var email1 = prompt("请输入第一个用户的电子邮箱：");
    var email2 = prompt("请输入第二个用户的电子邮箱：");

    if (email1 && email2) {
        // 使用 $.post 发起异步请求
        $.post("/root/{email1}/{email2}", {email1: email1, email2: email2}, function (data, status) {
            if (status === "success") {
                // 异步调用，将数据传递给第二个前端页面的表格
                updateTable('data-table', data);
            } else {
                alert("数据加载失败");
            }
        });
    }
}

function fetchAllGarbageTypes() {
    fetch('/root/garbageType/select/all')
        .then(response => response.json())
        .then(data => {
            const tableBody = document.getElementById('tableBody');
            tableBody.innerHTML = ''; // 清空现有的表格内容

            // 遍历数据并创建表格行
            data.forEach(garbageType => {
                const row = `<tr>
                <td>${garbageType.id}</td>
                <td>${garbageType.name}</td>
                <td>${garbageType.updateTime}</td>
            </tr>`;
                tableBody.innerHTML += row;
            });
        })
        .catch((error) => {
            console.error('Error:', error);
        });
}

// 页面加载完成后立即获取数据
document.addEventListener('DOMContentLoaded', fetchAllGarbageTypes);
// 获取通过ID查看垃圾分类数据的表单
const idForm = document.getElementById('idForm');

// 阻止表单的默认提交事件
idForm.addEventListener('submit', function (event) {
    event.preventDefault();
    const garbageTypeId = document.getElementById('garbageTypeId').value;
    fetchGarbageTypeById(garbageTypeId);
});

// 通过ID查看垃圾分类数据
function fetchGarbageTypeById(id) {
    const url = `/root/garbageType/select/${id}`;
    fetch(url)
        .then(response => response.json())
        .then(data => {
            const tableBody = document.getElementById('tableBody');
            tableBody.innerHTML = ''; // 清空现有的表格内容

            // 创建表格行
            const row = `<tr>
            <td>${data.id}</td>
            <td>${data.name}</td>
            <td>${data.updateTime}</td>
        </tr>`;
            tableBody.innerHTML += row;
        })
        .catch((error) => {
            console.error('Error:', error);
        });
}

// 页面加载完成后立即获取数据
document.addEventListener('DOMContentLoaded', fetchGarbageTypeById);
// 阻止表单的默认提交事件
document.getElementById('addGarbageTypeForm').addEventListener('submit', function (event) {
    event.preventDefault();
    addGarbageType();
});

// 添加垃圾分类数据
function addGarbageType() {
    const garbageTypeName = document.getElementById('garbageTypeName').value;
    const garbageTypeUpdateTime = document.getElementById('garbageTypeUpdateTime').value;

    // 构建请求体
    const garbageType = {
        name: garbageTypeName,
        updateTime: garbageTypeUpdateTime
    };

    // 发送POST请求到后端API
    fetch('/root/garbageType/add', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(garbageType)
    })
        .then(response => response.json())
        .then(data => {
            // 处理响应数据，更新表格
            console.log('Success:', data);
            fetchAllGarbageTypes(); // 重新获取所有数据并更新表格
        })
        .catch((error) => {
            console.error('Error:', error);
        });
}

// 获取所有垃圾分类数据并更新表格

// 页面加载完成后立即获取数据
document.addEventListener('DOMContentLoaded', fetchAllGarbageTypes);
document.getElementById('updateGarbageTypeForm').addEventListener('submit', function (event) {
    event.preventDefault();
    updateGarbageType();
});

// 更改垃圾分类数据
function updateGarbageType() {
    const garbageTypeId = document.getElementById('garbageTypeId').value;
    const garbageTypeName = document.getElementById('garbageTypeName').value;
    const garbageTypeUpdateTime = document.getElementById('garbageTypeUpdateTime').value;

    // 构建请求体
    const garbageType = {
        id: garbageTypeId,
        name: garbageTypeName,
        updateTime: garbageTypeUpdateTime
    };

    // 发送POST请求到后端API
    fetch('/root/garbageType/update', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(garbageType)
    })
        .then(response => response.json())
        .then(data => {
            // 处理响应数据，更新表格
            console.log('Success:', data);
            fetchAllGarbageTypes(); // 重新获取所有数据并更新表格
        })
        .catch((error) => {
            console.error('Error:', error);
        });
}

document.addEventListener('DOMContentLoaded', fetchAllGarbageTypes);
document.getElementById('deleteGarbageTypeForm').addEventListener('submit', function (event) {
    event.preventDefault();
    deleteGarbageType();
});

// 通过ID删除垃圾分类数据
function deleteGarbageType() {
    const garbageTypeId = document.getElementById('garbageTypeId').value;

    // 构建请求体
    const garbageType = {
        id: garbageTypeId
    };

    // 发送DELETE请求到后端API
    fetch('/root/garbageType/delete/' + garbageTypeId, {
        method: 'DELETE',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(garbageType)
    })
        .then(response => response.json())
        .then(data => {
            // 处理响应数据，更新表格
            console.log('Success:', data);
            fetchAllGarbageTypes(); // 重新获取所有数据并更新表格
        })
        .catch((error) => {
            console.error('Error:', error);
        });
}

document.addEventListener('DOMContentLoaded', fetchAllGarbageTypes);
// 阻止表单的默认提交事件
document.getElementById('pageForm').addEventListener('submit', function (event) {
    event.preventDefault();
    fetchGarbageTypePage();
});

// 分页查看垃圾分类数据
function fetchGarbageTypePage() {
    const page = document.getElementById('page').value;
    const size = document.getElementById('size').value;

    // 构建请求体
    const garbageType = {
        page: page,
        size: size
    };

    // 发送GET请求到后端API
    fetch('/root/garbageType/page/' + page + '/' + size)
        .then(response => response.json())
        .then(data => {
            // 处理响应数据，更新表格
            console.log('Success:', data);
            const tableBody = document.getElementById('tableBody');
            tableBody.innerHTML = ''; // 清空现有的表格内容

            // 遍历数据并创建表格行
            data.forEach(garbageType => {
                const row = `<tr>
                <td>${garbageType.id}</td>
                <td>${garbageType.name}</td>
                <td>${garbageType.updateTime}</td>
            </tr>`;
                tableBody.innerHTML += row;
            });
        })
        .catch((error) => {
            console.error('Error:', error);
        });
}

// 页面加载完成后立即获取数据
document.addEventListener('DOMContentLoaded', fetchGarbageTypePage);
// 阻止表单的默认提交事件
document.getElementById('sortForm').addEventListener('submit', function (event) {
    event.preventDefault();
    sortGarbageTypeById();
});

// 根据ID排序垃圾分类数据
function sortGarbageTypeById() {
    const sortId = document.getElementById('sortId').value;

    // 构建请求体
    const garbageType = {
        id: sortId
    };

    // 发送GET请求到后端API
    fetch('/root/garbageType/sort/' + sortId)
        .then(response => response.json())
        .then(data => {
            // 处理响应数据，更新表格
            console.log('Success:', data);
            fetchAllGarbageTypes(); // 重新获取所有数据并更新表格
        })
        .catch((error) => {
            console.error('Error:', error);
        });
}

// 获取所有垃圾分类数据并更新表格

// 页面加载完成后立即获取数据
document.addEventListener('DOMContentLoaded', fetchAllGarbageTypes);

